<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="./assets/lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./assets/lib/bootstrap-icons/bootstrap-icons.css">
		<link rel="stylesheet" href="./assets/lib/swiper-bundle.min.css">
		<link rel="stylesheet" href="./assets/css/style.css">

		<title>俄罗斯总统发言人:俄军遭受了重大损失</title>
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-dark">
			<div class="container">
				<a class="navbar-brand text-white" href="#">听雨轩</a>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
					data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
					aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav me-auto mb-2 mb-lg-0">
						<li class="nav-item">
							<a class="nav-link text-white active" aria-current="page" href="#">科技</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="#">娱乐</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-white" href="#">编程</a>
						</li>
					</ul>
					<form class="d-flex">
						<a href="./login.html" class="link-primary text-decoration-none text-white ">登录</a>
						<a href="./register.html" class="link-primary text-decoration-none text-white ps-3">注册</a>
					</form>
					<div class="btn-group d-none">
						<button type="button" class="btn text-white bg-dark border-0 btn-secondary dropdown-toggle"
							data-bs-toggle="dropdown" aria-expanded="false">
							papi酱
						</button>
						<ul class="dropdown-menu dropdown-menu-end">
							<li><button class="dropdown-item" type="button">我的消息</button></li>
							<li><button class="dropdown-item" type="button">账户设置</button></li>
							<li><button class="dropdown-item" type="button">退出登录</button></li>
						</ul>
					</div>
				</div>
			</div>
		</nav>
		<div class="container">
			<p class="pt-2"><a href="./index.html">主页</a>/<a href="./homepage.html">娱乐</a>/俄罗斯总统发言人:俄军遭受了重大损失</p>
			<div class="border mb-3">
				<p class="fs-2 text-center">俄罗斯总统发言人:俄军遭受了重大损失</p>
				<p class="fs-6 text-center text-muted">日期：2022-10-01 22:48:08</p>
			</div>
			<div class="card mb-3">
				<div class="card-header">发表评论</div>
				<div class="card-body">
					<div class="row g-0">
						<div class="col-md-3">
							<img src="./assets/img/avatar.jpg" class="personal-img rounded-circle mx-auto d-block"
								alt="...">
							<p class="text-center pt-3"><span>欢迎,</span><a href="#"
									class="text-decoration-none">papi酱</a>
							</p>
						</div>
						<div class="col-md-9">
							<textarea cols="100" rows="5"></textarea>
							<p class="text-end"><button type="button" class="btn btn-primary">发表评论</button></p>
						</div>
					</div>
				</div>
			</div>
			<div class="card mb-3">
				<div class="card-header">发表评论</div>
				<div class="card-body">
					<div class="row g-0">
						<div class="col-md-2">
							<img src="./assets/img/avatar.jpg"
								class="personal-img-article rounded-circle mx-auto d-block" alt="...">
							</p>
						</div>
						<div class="col-md-10">
							<p>papi酱</p>
							<p class="text-muted">呜呜呜</p>
							<p><i class="bi bi-hand-thumbs-up"></i>32<i class="bi bi-chat-left-text ps-4"></i>12</p>
							<div class="card-body border bg-light">
								<div class="row g-0">
									<div class="col-md-2">
										<img src="./assets/img/avatar.jpg"
											class="personal-img-article rounded-circle mx-auto d-block" alt="...">
										</p>
									</div>
									<div class="col-md-10">
										<p>papi酱</p>
										<p class="text-muted">呜呜呜</p>
										<p><i class="bi bi-hand-thumbs-up"></i>32<i
												class="bi bi-chat-left-text ps-4"></i>12</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="card-body border-top">
					<div class="row g-0">
						<div class="col-md-2">
							<img src="./assets/img/avatar.jpg"
								class="personal-img-article rounded-circle mx-auto d-block" alt="...">
							</p>
						</div>
						<div class="col-md-10">
							<p>papi酱</p>
							<p class="text-muted">呜呜呜</p>
							<p><i class="bi bi-hand-thumbs-up"></i>32<i class="bi bi-chat-left-text ps-4"></i>12</p>
							<div class="card-body border bg-light">
								<div class="row g-0">
									<div class="col-md-2">
										<img src="./assets/img/avatar.jpg"
											class="personal-img-article rounded-circle mx-auto d-block" alt="...">
										</p>
									</div>
									<div class="col-md-10">
										<p>papi酱</p>
										<p class="text-muted">呜呜呜</p>
										<p><i class="bi bi-hand-thumbs-up"></i>32<i
												class="bi bi-chat-left-text ps-4"></i>12</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<nav class="navbar navbar-expand-lg navbar-light bg-dark">
			<div class="container">
				<div class="w-100">
					<div class="text-white pt-4 fs-6">友情链接：</div>
					<div class="collapse pt-2 navbar-collapse" id="navbarNavAltMarkup">
						<div class="navbar-nav">
							<a class="nav-link foot-txt-size text-white active" aria-current="page" href="#">Active</a>
							<a class="nav-link foot-txt-size text-white" href="#">Link</a>
							<a class="nav-link foot-txt-size text-white" href="#">Link</a>
							<a class="nav-link foot-txt-size text-white" href="#" tabindex="-1"
								aria-disabled="true">Disabled</a>
						</div>
					</div>
					<div class="text-white pt-2 pb-3 foot-txt-size text-end">COPYRIGHT (©) 2023 mo005_3428-电子产品类网站</div>
				</div>
			</div>
		</nav>
		<!-- Option 1: Bootstrap Bundle with Popper -->
		<script src="./assets/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
		<script src="./assets/lib/swiper-bundle.min.js"></script>
		<script>
			var swiper = new Swiper(".mySwiper", {
				slidesPerView: 1,
				spaceBetween: 30,
				loop: true,
				pagination: {
					el: ".swiper-pagination",
					clickable: true,
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});
		</script>
	</body>
</html>
